// Как только будет загружен API и готов DOM, выполняем инициализацию
   
    ymaps.ready(init);
 ymaps.ready(finit);
var myMap;
if($('map').get(0)) {

function init () {
			// Создание экземпляра карты и его привязка к контейнеру с заданным id ("map")
			var glubini = new ymaps.Map("map", {
			// При инициализации карты, обязательно нужно указать
			// ее центр и коэффициент масштабирования
			center: [54.891586, 38.071433], // Ступино
			zoom: 12,
            		behaviors: ["default", "scrollZoom"]
			}
			);

		// Создаем кластеризатор
var clusterIcons = [{
                href: '/images/m1.png',
                size: [60, 60],
                // Отступ, чтобы центр картинки совпадал с центром кластера.
                offset: [-20, -20]
            },
            {
                href: '/images/m2.png',
                size: [80, 80],
                offset: [-30, -30]
            },
            {
                href: '/images/m3.png',
                size: [80, 80],
                offset: [-30, -30]
            }
        ],
        
        // При размере кластера до 100 будет использована картинка 'small.jpg'.
        // При размере кластера больше 100 будет использована 'big.png'.
       clusterNumbers = [10,40],

		cluster = new ymaps.Clusterer({
		// Если опции для кластеров задаются через кластеризатор,
		// необходимо указывать их с префиксами "cluster".
		clusterIcons: clusterIcons,
		clusterNumbers: clusterNumbers
        });
		markers = [];

		$.getJSON("http://www.voda-st.ru/vivmarkers.php", function(json){ 
			if (json.status == 'OK') {  
				for (i = 0; i < json.markers.length; i++) {
							var placemark = new ymaps.Placemark(
							// Координаты
							[ json.markers[i].lon, json.markers[i].lat ],
							// данные
 								{// html для отображения в балуне
  								balloonContentHeader: json.markers[i].cname,
 								balloonContentBody: '<p style="color:black"><strong>Глубина:</strong>  ' + ymaps.formatter.distance(json.markers[i].glubina) + '</p>',
								balloonContentFooter: "<center><a href='/zayavka' style='color:green;font-weight:bold;'>Заказать &rarr;</a></center>",
								preset: "twirl#greenIcon"
								},
							{
							iconImageHref: 'http://www.voda-st.ru/templates/v0da_diz3/vodafavicon.png', // картинка иконки
							iconImageSize: [20, 20], // размеры картинки
							iconImageOffset: [-8, -27] // смещение картинки
							}
							);
				//placemark.options.set("preset", "twirl#redIcon");
				markers.push(placemark);
				}  
			
			// Добавлеяем массив меток в кластер
			cluster.add(markers);
			// Добавляем кластер на карту
			glubini.geoObjects.add(cluster);						
			}
		else{
		alert('Произошла ошибка!');}
		})	    
		
/*	var $Button1 = new ymaps.control.Button({data: {image:'http://api.yandex.ru/i/maps/icon-fullscreen.png', title: 'Разворачивает карту на весь экран'} });
//                myMap.controls.add($Button ,{right:'5', top:'45'});

$Button1.events.add("click", function(e) { 
 setSize();
})
     // Функция устанавливает новые размеры для карты
            function setSize (newWidth, newHeight) {
                ymaps.ready("#map").css({
                    width: newWidth || "", 
                    height: newHeight || ""
                });
                map.redraw();
            }


//var $Button2 = new ymaps.control.Button('<span class="YMaps-button4gg">Кнопка 2</span>');
//               myMap.controls.add($Button2 ,{right:'5', top:'65'});
//$Button2.events.add("button", select, function(e) {
//})*/
	// Добавление стандартного набора кнопок

glubini.controls
	.add("mapTools")
//	.add($Button1 ,{left:'5', bottom:'15'})
	// Добавление кнопки изменения масштаба 
	.add("zoomControl")
	// Добавление списка типов карты
	.add("typeSelector")
	.add("searchControl"/*,{left:'40', bottom:'15'}*/);

}
}
    
if($('1map').get(0)) { 

        function finit () {
            var contact = new ymaps.Map("1map", {
                    center: [54.89, 38.07],
                    zoom: 13,
            		behaviors: ["default", "scrollZoom"]
                }),


peshkom = new ymaps.Polyline([
 [ 54.8915, 38.0713 ], [ 54.8917, 38.0713 ], [ 54.8919, 38.0698 ], [ 54.8924, 38.0691 ], [ 54.8926, 38.0695 ], [ 54.8928, 38.0692 ], [ 54.8942, 38.0692 ], [ 54.8949, 38.0703 ], [ 54.8951, 38.0702 ], [ 54.8956, 38.0711 ], [ 54.8974, 38.0680 ], [ 54.8985, 38.0698 ], [ 54.8991, 38.0709 ], [ 54.9017, 38.0756 ], [ 54.9043, 38.0803 ], [ 54.9056, 38.0801 ], [ 54.9060, 38.0795 ], [ 54.9073, 38.0772 ], [ 54.9085, 38.0785 ] 
], {

                    // Контент балуна
                    balloonContent: "Пешком"
}, {
strokeOpacity: 0.5,
                    // Задаем цвет - белый
                    strokeColor: "#000000",
                    strokeWidth: 5 // ширина линии
                }),

                // При создании метки указываем ее свойства:  текст для отображения в иконке и содержимое балуна,
                // который откроется при нажатии на эту метку
                office = new ymaps.Placemark([54.891549, 38.071375,], {
                    // Свойства
                    iconContent: 'Мы находимся тут',
                    balloonContentHeader: 'Офис Вода-СТ',
 //                   balloonContentBody: 'Содержимое <em>балуна</em>',
                    balloonContentFooter: '<b>+7 495 648 50 95</b>'
                }, {
                    // Опции
                    preset: 'twirl#blueStretchyIcon' // иконка растягивается под контент

                });

            // Добавляем метку на карту
            contact.geoObjects
.add(office)
.add(peshkom);
	// Добавление стандартного набора кнопок

contact.controls
	.add("mapTools")
	// Добавление кнопки изменения масштаба 
	.add("zoomControl")
	// Добавление списка типов карты
	.add("typeSelector")
	.add("searchControl");
                                              }}